<template>
  <div class="component">
    <van-dropdown-menu>
      <van-dropdown-item 
        :value="value" 
        :options="option" 
        @change="changeOption"
        />
    </van-dropdown-menu>
  </div>  
</template>

<script>
export default {
  props: {
    value: {
      default: 0
    },
    option: {
      type: Array,
      required: true
    }
  },
  methods: {
    changeOption(value) {
      this.$emit('change', value.detail)
    }
  }
}
</script>

<style lang="less" scoped>

</style>